<script setup lang="ts">
import { pushRoute } from '@/router'
import { ref } from 'vue'
import { bottom_view_items } from '@/utils'


</script>

<template>
   <div class="bottom-view">
     <div class="bottom-view-head">
       <p style="line-height: 100px;font-weight: bolder;font-size: xx-large;text-align: center;">关于我们</p>
       <el-divider></el-divider>
     </div>

     <div class="bottom-view-body" style="width: 1000px;position:relative;left: 50%;transform: translateX(-50%);">
       <ul v-for="(items,index) in bottom_view_items" :key="index" style="float: left;width: 250px;">
         <p style="margin-bottom: 10px;">{{items.name}}</p>
         <li v-for="item in items.children" :key="item.name">
           <el-link @click="pushRoute(item.path)" :underline="false">{{item.name}}</el-link>
         </li>
       </ul>
     </div>
   </div>
</template>

<style scoped>
.bottom-view {
  margin: 50px 0 10% 0;
  width: 100%;
  height: auto;
}

</style>